<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Bienvenido a Pyaf!{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        {% block javascriptsTop %}{% endblock %}
        {%block miniLayout %}{% endblock %} 
        
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
        <!-- Bootstrap -->
        <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.min.css') }}" />
	<!-- Bootstrap responsive -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap-responsive.min.css') }}">
	<!-- chosen plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/chosen.css') }}">
	<!-- CSS for Growl like notifications -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.gritter.css') }}">
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.ui.theme.css') }}">
	<!-- calendar plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/fullcalendar.css') }}">
	<!-- Calendar printable -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/fullcalendar.print.css') }}" media="print">
        <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap-progressbar.css') }}">
      
           <!-- TableTools for dataTables plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/TableTools.css') }}">
        
        <link rel="stylesheet" href="{{ asset('bootstrap/css/jquery-ui.css') }}">
        <!-- datepicker plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/datepicker.css') }}">
        <!-- MultiUpload plupload plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.plupload.queue.css') }}">
	<!-- MultiUpload plupload plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.plupload.queue.css') }}">
        <!-- Uniform plugin -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/uniform.default.min.css') }}">
        
	<link rel="stylesheet" href="{{ asset('bootstrap/css/jquery.cleditor.css') }}">
	<!-- Theme CSS -->
	<!--[if !IE]> -->
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style.css') }}">
	<!-- <![endif]-->
	<!--[if IE]>
	<link rel="stylesheet" href="{{ asset('bootstrap/css/style_ie.css') }}">
	<![endif]-->     
        <link rel="stylesheet" href="{{ asset('bootstrap/css/flick/jquery-ui-1.10.3.custom.css') }}">
        {% block javascriptsHeader %}{% endblock %}
        {% block styleToNavigation %}{% endblock %}
    </head>
    <body data-layout="fixed">

        <div id="top">
            {% block top %}{% endblock %}
        </div>
        
        <div id="main">
            
            <div id="navigation">{% block navigation %}{% endblock %}</div>

            <div id="content">
                {% block content_header %}{% endblock %}
                {% block content %}{% endblock %}     
            </div>
            
            <div class="navi-functions">                                    
                {% block footer %}
                    <a href="#" style="font-family: 'Segoe UI Light','Open Sans'
                       ,Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;">
                           &copy; {{ 'now' | date('Y') }} - Pyaf
                    </a>             
                 {% endblock %} 
            </div>
       
        </div>
        <script src="{{ asset('bootstrap/js/jquery.min.js') }}"></script>
            
        <script>window.jQuery || document.write('<script src="{{ asset('bootstrap/js/jquery.js') }}"><\/script>')</script>
        <script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
        <script src="{{ asset('bootstrap/js/flick/jquery-1.9.1.js') }}"></script>
        <script src="{{ asset('bootstrap/js/flick/jquery-ui-1.10.3.custom.js') }}"></script>
        <script src="{{ asset('bootstrap/js/jquery.blockUI.js') }}"></script>
        {#<!-- smoother animations -->#}
        <script src="{{ asset('bootstrap/js/jquery.easing.min.js') }}"></script>
        <!-- calendar plugin -->
        <script src="{{ asset('bootstrap/js/fullcalendar.min.js') }}"></script>
        <!-- chosen plugin -->
        <script src="{{ asset('bootstrap/js/chosen.jquery.min.js') }}"></script>
        <!-- Scrollable navigation -->
        <script src="{{ asset('bootstrap/js/jquery.nicescroll.min.js') }}"></script>
        <!-- Growl Like notifications -->
        <script src="{{ asset('bootstrap/js/jquery.gritter.min.js') }}"></script>
        <!-- dataTables plugin -->
        <script src="{{ asset('bootstrap/js/jquery.dataTables.min.js') }}"></script>
        <!-- TableTools for dataTables plguin -->
        <script src="{{ asset('bootstrap/js/ZeroClipboard.js') }}"></script>
        <script src="{{ asset('bootstrap/js/TableTools.min.js') }}"></script>
        <!-- Validation plugin -->
        <script src="{{ asset('bootstrap/js/jquery.validate.min.js') }}"></script>
        <script src="{{ asset('bootstrap/js/bootstrap-progressbar.js') }}"></script>   
        <!-- Theme framework -->
        <script src="{{ asset('bootstrap/js/eakroko.min.js') }}"></script>
        <!-- Theme scripts -->
        <script src="{{ asset('bootstrap/js/application.min.js') }}"></script>     
        <script src="{{ asset('bootstrap/js/jquery.cleditor.min.js') }}"></script>     
        {% block javascriptsToNavigation %}{% endblock %}
        {% block javascripts %}{% endblock %}
        {#<script type="text/javascript">
            $(document).ready(function() { 
                $.blockUI({ 
                    message: 'Cargando<img src="{{ asset('bootstrap/img/loading.gif') }}" />',
                    css: {   border: '0px'},
                    timeout: 2000
                });
                
            });
            $(window).load();
        </script>#}
    </body>
</html>  
  